@charset 'UTF-8';
html {
  overflow-y: scroll
}
:root {
  overflow-x: hidden;
  overflow-y: auto
}
body {
  overflow: hidden;
  width: 100%;
  width: 100vw
}
:root body {
  position: absolute
}
@font-face {
  font-family: FZZCYSK_game;
  font-weight: 400;
  font-style: normal;
  src: url(/qd/css/font/FZZCYSK_game.2052f.eot);
  src: url(/qd/css/font/FZZCYSK_game.2052f.eot?#iefix) format('embedded-opentype'),url(/qd/css/font/FZZCYSK_game.f5849.woff) format('woff'),url(/qd/css/font/FZZCYSK_game.c51a9.ttf) format('truetype'),url(/qd/css/font/FZZCYSK_game.76fde.svg#FZZCYSK) format('svg')
}
.game-lang {
  font-family: FZZCYSK_game;
  font-weight: 400
}
h3.wrap-title {
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6
}
h3.wrap-title a {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  float: right;
  margin-top: 3px
}
h3.wrap-title a .iconfont {
  font-size: 12px;
  display: inline-block;
  min-width: 12px;
  margin-top: -1px;
  vertical-align: middle
}
.user-commentWrap {
  overflow: hidden
}
.user-commentWrap .la-ball-pulse {
  margin: 300px auto 317px
}
.user-discuss {
  overflow: hidden
}
.user-discuss .la-ball-pulse {
  margin: 100px auto
}
.cover {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff
}
.user-level.lv0 {
  width: 30px;
  height: 16px;
  background-image: url(/qd/images/common/common_sprite.005cf.png);
  background-repeat: no-repeat;
  background-position: -194px -162px;
  background-size: 358px
}
.user-level.lv1 {
  width: 30px;
  height: 16px;
  background-image: url(/qd/images/common/common_sprite.005cf.png);
  background-repeat: no-repeat;
  background-position: -226px -162px;
  background-size: 358px
}
.user-level.lv2 {
  width: 30px;
  height: 16px;
  background-image: url(/qd/images/common/common_sprite.005cf.png);
  background-repeat: no-repeat;
  background-position: -162px -162px;
  background-size: 358px
}
.user-level.lv3 {
  width: 30px;
  height: 16px;
  background-image: url(/qd/images/common/common_sprite.005cf.png);
  background-repeat: no-repeat;
  background-position: -322px -162px;
  background-size: 358px
}
.user-level.lv4 {
  width: 30px;
  height: 16px;
  background-image: url(/qd/images/common/common_sprite.005cf.png);
  background-repeat: no-repeat;
  background-position: -162px -180px;
  background-size: 358px
}
.user-level.lv5 {
  width: 30px;
  height: 16px;
  background-image: url(/qd/images/common/common_sprite.005cf.png);
  background-repeat: no-repeat;
  background-position: -194px -180px;
  background-size: 358px
}
.user-level.lv6 {
  width: 30px;
  height: 16px;
  background-image: url(/qd/images/common/common_sprite.005cf.png);
  background-repeat: no-repeat;
  background-position: -226px -180px;
  background-size: 358px
}
.user-level.lv7 {
  width: 30px;
  height: 16px;
  background-image: url(/qd/images/common/common_sprite.005cf.png);
  background-repeat: no-repeat;
  background-position: -258px -180px;
  background-size: 358px
}
.user-level.lv8 {
  width: 30px;
  height: 16px;
  background-image: url(/qd/images/common/common_sprite.005cf.png);
  background-repeat: no-repeat;
  background-position: -290px -180px;
  background-size: 358px
}
.user-level.lv9 {
  width: 30px;
  height: 16px;
  background-image: url(/qd/images/common/common_sprite.005cf.png);
  background-repeat: no-repeat;
  background-position: -322px -180px;
  background-size: 358px
}
.user-level.lv10 {
  width: 30px;
  height: 16px;
  background-image: url(/qd/images/common/common_sprite.005cf.png);
  background-repeat: no-repeat;
  background-position: -258px -162px;
  background-size: 358px
}
.pin-nav-wrap {
  position: relative;
  z-index: 1000;
  top: 0;
  margin-bottom: 16px
}
.center990 {
  width: 990px;
  margin: 0 auto;
  padding-left: calc(100vw - 100%)
}
.top-bg-box {
  position: absolute;
  top: 42px;
  left: 0;
  width: 100%;
  height: 255px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover
}
.top-bg-box.rec-book {
  height: 338px
}
.top-bg-box .back-to-op {
  font-size: 14px;
  line-height: 24px;
  position: absolute;
  z-index: 5;
  top: 0;
  right: 17px;
  height: 24px;
  padding: 0 8px;
  cursor: pointer;
  color: #fff;
  background: #666;
  background: rgba(0,0,0,.3)
}
.top-bg-op-box {
  position: absolute;
  z-index: 10;
  top: 42px;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 255px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover
}
.top-bg-op-box a {
  position: absolute
}
.top-bg-op-box .jumpWrap {
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 338px
}
.top-bg-op-box .jumpWrap .op-tag {
  right: 27px
}
.top-bg-op-box .close-game-op {
  font-size: 14px;
  line-height: 24px;
  z-index: 5;
  top: 0;
  right: 17px;
  height: 24px;
  padding: 0 8px;
  color: #fff;
  background: #666;
  background: rgba(0,0,0,.3)
}
.top-bg-op-box .box-center {
  position: relative;
  z-index: 1
}
.top-bg-op-box .box-center .petal {
  position: absolute;
  z-index: 1;
  top: -40px
}
.top-bg-op-box .box-center .petal.p1 {
  right: 0;
  width: 60px;
  height: 29px;
  animation: petal 6s 1s infinite ease-out;
  background: url(/qd/images/book_details/petal_1.79a58.png) no-repeat
}
.top-bg-op-box .box-center .petal.p2 {
  right: 300px;
  width: 44px;
  height: 29px;
  animation: petal 5.5s 2s infinite ease-out;
  background: url(/qd/images/book_details/petal_2.9c88f.png) no-repeat
}
.top-bg-op-box .box-center .petal.p3 {
  right: 500px;
  width: 32px;
  height: 20px;
  animation: petal 4.5s 1.5s infinite ease-out;
  background: url(/qd/images/book_details/petal_3.67c98.png) no-repeat
}
.top-bg-op-box .box-center .btn {
  position: absolute;
  z-index: 1;
  top: 96px;
  left: 820px;
  width: 222px;
  height: 76px;
  animation: pulse 1.5s infinite;
  background: url(/qd/images/book_details/btn.0.2.00bd4.png) no-repeat
}
@keyframes petal {
  0% {
    transform: translate3d(0,0,0);
    opacity: 1
  }
  100% {
    transform: translate3d(-800px,250px,0);
    opacity: .5
  }
}
@-webkit-keyframes petal {
  0% {
    -webkit-transform: translate3d(0,0,0);
    opacity: 1
  }
  100% {
    -webkit-transform: translate3d(-800px,250px,0);
    opacity: .5
  }
}
@keyframes petal2 {
  0% {
    transform: translate3d(0,0,0);
    opacity: 1
  }
  100% {
    transform: translate3d(-800px,520px,0);
    opacity: .5
  }
}
@-webkit-keyframes petal {
  0% {
    -webkit-transform: translate3d(0,0,0);
    opacity: 1
  }
  100% {
    -webkit-transform: translate3d(-800px,520px,0);
    opacity: .5
  }
}
.crumbs-nav {
  position: relative;
  z-index: 12;
  margin: 0 auto 142px;
  transition: margin .3s
}
.crumbs-nav.rec-book {
  margin: 16px auto 192px
}
.crumbs-nav.top-op {
  margin: 16px auto 192px
}
.crumbs-nav span {
  padding: 0 6px 4px;
  border-radius: 5px;
  background: rgba(0,0,0,.2)
}
.crumbs-nav a,
.crumbs-nav em {
  display: inline-block;
  vertical-align: middle
}
.crumbs-nav a {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  color: #fff
}
.crumbs-nav a:hover {
  text-decoration: underline
}
.crumbs-nav em {
  font-size: 12px;
  min-width: 12px;
  margin: 0 0 0 3px;
  color: #fff
}
@media \0screen\,screen\9 {
  .crumbs-nav a,
  .crumbs-nav em {
    color: #1a1a1a
  }
}
.border-shadow {
  position: relative;
  z-index: 10;
  width: 990px;
  height: 120px;
  margin: 0 auto;
  border: 2px solid #e9e9e9;
  border: 2px solid rgba(0,0,0,.1);
  border-bottom: none
}
.border-shadow span {
  position: absolute;
  z-index: 2;
  width: 2px
}
.border-shadow span:first-child {
  left: -2px
}
.border-shadow span:first-child + span {
  right: -2px
}
.border-shadow span {
  top: 120px;
  height: 120px
}
.border-shadow span:first-child {
  background: url(/qd/images/book_details/shadow_slider.236f3.png) 0 0 no-repeat
}
.border-shadow span:first-child + span {
  background: url(/qd/images/book_details/shadow_slider.236f3.png) -2px 0 no-repeat
}
.book-detail-wrap {
  position: relative;
  z-index: 10;
  min-height: 700px;
  margin-top: -120px
}
.book-information {
  position: relative;
  z-index: 2;
  margin-bottom: 30px;
  padding-bottom: 20px;
  background: #fff
}
.book-information .flag {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 65px;
  height: 65px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -79px -82px;
  background-size: 335px
}
.book-information .book-img {
  float: left;
  width: 144px;
  height: 192px;
  margin: 20px 20px 0
}
.book-information .book-img.small {
  width: 132px;
  height: 176px
}
.book-information .book-img a,
.book-information .book-img img {
  display: block
}
.book-information .book-info {
  float: left;
  margin-top: 20px
}
.book-information .book-info.differ {
  margin-top: 28px
}
.book-information .book-info.differ h1 {
  margin-bottom: 24px
}
.book-information .book-info.differ .tag {
  margin-bottom: 18px
}
.book-information .book-info.differ .tag + .intro {
  margin-bottom: 18px
}
.book-information .book-info h1 {
  font: 700 28px/38px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  overflow: hidden;
  height: 38px;
  margin-bottom: 12px
}
.book-information .book-info h1 span {
  font: 14px/20px PingFangSC-Regular,'-apple-system',Simsun;
  margin-left: 20px
}
.book-information .book-info .tag {
  font-size: 0;
  overflow: hidden;
  height: 25px;
  margin-bottom: 12px
}
.book-information .book-info .tag a,
.book-information .book-info .tag span {
  font: 12px/22px PingFangSC-Regular,'-apple-system',Simsun;
  display: inline-block;
  overflow: hidden;
  height: 22px;
  margin-right: 12px;
  padding: 0 10px;
  text-align: center;
  vertical-align: middle;
  border-width: 1px;
  border-style: solid;
  border-radius: 15px
}
.book-information .book-info .tag a.blue,
.book-information .book-info .tag span.blue {
  color: #3f5a93;
  border-color: #9fadc9
}
.book-information .book-info .tag a.red,
.book-information .book-info .tag span.red {
  transition: border .3s;
  color: #bf2c24;
  border-color: #ffb0b4
}
.book-information .book-info .tag a.red:hover,
.book-information .book-info .tag span.red:hover {
  border-color: #ed4259
}
.book-information .book-info .tag + p + p {
  overflow: hidden;
  height: 24px;
  margin-bottom: 14px;
  color: #666
}
.book-information .book-info .tag + p + p cite,
.book-information .book-info .tag + p + p em,
.book-information .book-info .tag + p + p i {
  float: left
}
.book-information .book-info .tag + p + p em {
  font: 20px/22px Arial;
  letter-spacing: .5px;
  color: #262626
}
.book-information .book-info .tag + p + p i {
  font: 18px/22px PingFangSC-Regular,'-apple-system',Simsun;
  margin: 0 10px;
  color: #e6e6e6
}
.book-information .book-info .tag + p + p cite {
  font: 12px/20px PingFangSC-Regular,'-apple-system',Simsun;
  margin-top: 2px;
  margin-left: 3px
}
.book-information .book-info .tag + p + p cite span {
  font: 12px/20px PingFangSC-Regular,'-apple-system',Simsun
}
.book-information .book-info .tag + .intro {
    width: 750px;
  font: 14px/20px PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden;
  height: 20px;
  margin-bottom: 11px
}
.book-information .book-info .tag + p + p + p {
  font-size: 0
}
.book-information .book-info .tag + p + p + p a {
  font: 14px/34px PingFangSC-Regular,'-apple-system',Simsun;
  display: inline-block;
  width: 102px;
  height: 34px;
  margin-right: 15px;
  text-align: center;
  vertical-align: middle;
  border-width: 1px;
  border-style: solid
}
.book-information .book-info .tag + p + p + p a#downloadAppBtn {
  font-size: 12px;
  line-height: 14px;
  box-sizing: border-box;
  padding: 4px 0;
  color: #fff;
  border: none;
  background: #be2c23;
  background-image: radial-gradient(50% 100%,rgba(255,103,59,.5) 0,#be2c23 100%)
}
.book-pre {
  font: 14px/28px PingFangSC-Regular,'-apple-system',Simsun
}
.book-pre .book-info {
  width: 786px
}
.book-pre .book-info h1 {
  white-space: nowrap;
  text-overflow: ellipsis
}
.book-pre .count-down {
  line-height: 48px;
  height: 48px
}
.book-pre .count-down b {
  font-size: 130%;
  margin-right: 50px
}
.book-pre .count-down p {
  font-size: 130%;
  font-weight: 700;
  display: inline-block;
  color: #ed4259
}
.book-pre a.red-btn {
  font: 14px/34px PingFangSC-Regular,'-apple-system',Simsun;
  display: inline-block;
  width: 150px;
  height: 34px;
  margin-right: 20px;
  text-align: center;
  vertical-align: middle;
  border-width: 1px;
  border-style: solid
}
.comment-wrap {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  max-width: 204px;
  height: 166px;
  margin-top: 20px;
  padding-right: 32px;
  text-align: right
}
.comment-wrap .load-score {
  position: relative;
  z-index: 1;
  height: 77px
}
.comment-wrap .load-score .la-ball-pulse {
  position: absolute;
  top: 30px;
  right: 10px
}
.comment-wrap em {
  font: 700 32px/1 Arial;
  vertical-align: -2px
}
.comment-wrap .error-score {
  height: 73px
}
.comment-wrap .error-score h3 {
  font: 16px/84px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif
}
.comment-wrap h4 {
  min-height: 44px
}
.comment-wrap h4 span {
  font: 400 32px/38px FZZCYSK
}
.comment-wrap h4 i {
  font: 400 24px/38px FZZCYSK
}
.comment-wrap h4 b {
  font: 14px/44px PingFangSC-Regular,'-apple-system',Simsun
}
.comment-wrap p {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  float: right;
  width: 110px;
  min-height: 17px;
  margin: 4px 0 12px;
  color: #a6a6a6
}
.comment-wrap p span {
  font: 13px/16px Arial;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle
}
.comment-wrap h5 {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  clear: both;
  margin-bottom: 5px
}
.score-mid {
  font-size: 0;
  margin-bottom: 56px;
  cursor: pointer
}
.score-mid img {
  width: 21px;
  height: 19px;
  margin-left: 2px
}
.take-wrap {
  font-size: 0;
  position: absolute;
  z-index: 1;
  right: 32px;
  bottom: 26px;
  height: 20px
}
.take-wrap a {
  font: 14px/20px PingFangSC-Regular,'-apple-system',Simsun
}
.take-wrap a.download {
  position: relative;
  z-index: 1
}
.take-wrap i {
  font-size: 12px;
  height: 20px;
  margin: 0 20px;
  border-right: 1px solid #e6e6e6
}
.take-wrap .iconfont {
  font-size: 14px;
  display: inline-block;
  min-width: 14px;
  margin-right: 3px
}
.content-nav-wrap {
  margin-bottom: 34px;
  border-bottom: 1px solid #e6e6e6
}
.content-nav-wrap .nav-wrap li {
  font: 18px/40px FZZCYSK;
  float: left;
  overflow: hidden;
  height: 40px;
  padding: 0 21px;
  text-align: center
}
.content-nav-wrap .nav-wrap li.act {
  line-height: 40px;
  margin-bottom: -1px;
  border-bottom: 2px solid #ed4259
}
.content-nav-wrap .nav-wrap li.act a {
  color: #ed4259
}
.content-nav-wrap .nav-wrap li a {
  display: block;
  overflow: hidden;
  max-height: 36px;
  color: #a6a6a6
}
.content-nav-wrap .nav-wrap li a i {
  font: 14px/40px FZZCYSK
}
.content-nav-wrap .nav-wrap li a:hover {
  color: #ed4259
}
.left-wrap {
  width: 700px;
  padding-bottom: 40px
}
.left-wrap h3 {
  font-size: 22px;
  line-height: 25px;
  height: 25px;
  margin-bottom: 12px
}
.book-info-detail {
  margin-bottom: 20px
}
.book-intro {
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e6e6
}
.book-intro p {
  font: 14px/28px PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden
}
.book-state {
  position: relative;
  z-index: 2
}
.book-state li:after,
.book-state li:before {
  display: table;
  content: ''
}
.book-state li:after {
  clear: both
}
.book-state li.update .detail {
  border-bottom: none
}
.book-state li b {
  font: 14px/24px PingFangSC-Regular,'-apple-system',Simsun;
  float: left;
  width: 98px;
  margin: 19px 20px 0 0;
  color: #999
}
.book-state li .detail {
  float: left;
  width: 542px;
  padding: 20px 0;
  border-bottom: 1px solid #e6e6e6
}
.book-state li .detail .tag-wrap {
  font-size: 0
}
.book-state li .detail .tag-wrap.mt10 {
  margin-top: 10px
}
.book-state li .detail .tag-wrap .tags {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  display: inline-block;
  margin-right: 8px;
  padding: 3px 9px;
  vertical-align: middle;
  color: #3f5a93;
  border: 1px solid #3f5a93;
  border-radius: 100px
}
.book-state li .detail .tag-wrap .tags.red {
  color: #bf2c24;
  border: 1px solid #bf2c24
}
.book-state li .detail .tag-wrap .tags.red:hover {
  color: #bf2c24
}
.book-state li .detail .tag-wrap .tags:hover {
  color: #2972cc
}
.book-state li .detail em.null {
  display: block
}
.book-state li .detail .time,
.book-state li .detail a.blue,
.book-state li .detail i {
  display: inline-block;
  float: left;
  vertical-align: middle
}
.book-state li .detail em.null {
  font: 14px/22px PingFangSC-Regular,'-apple-system',Simsun;
  margin-bottom: 10px
}
.book-state li .detail p a.blue {
  font: 14px/22px PingFangSC-Regular,'-apple-system',Simsun
}
.book-state li .detail p .time {
  font: 14px/22px Arial
}
.book-state li .detail p i {
  font-family: Arial;
  margin: 2px 10px 0;
  color: #a6a6a6
}
.book-state li.honor {
  position: relative;
  z-index: 1
}
.book-state li.honor .more-honor-wrap {
  position: absolute;
  z-index: 1;
  top: 55px;
  left: 110px;
  display: none;
  padding: 5px 12px;
  cursor: default;
  border: 1px solid #e6e6e6;
  background: #fff;
  box-shadow: 0 0 6px 0 rgba(0,0,0,.1)
}
.book-state li.honor .more-honor-wrap cite {
  position: absolute;
  top: -9px;
  right: 50%;
  width: 0;
  height: 0;
  margin-right: -8px;
  border-top: 0 none;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #e6e6e6;
  border-left: 8px solid transparent
}
.book-state li.honor .more-honor-wrap cite em {
  position: absolute;
  top: 2px;
  right: -8px;
  width: 0;
  height: 0;
  border-top: 0 none;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent
}
.book-state li.honor .more-honor-wrap dd {
  font: 14px/25px PingFangSC-Regular,'-apple-system',Simsun;
  color: #666
}
.book-state li.honor .iconfont {
  margin: -2px 0 0 5px;
  color: #222
}
.book-state li.honor .honor-icon img {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 15px
}
.book-state li.honor .honor-icon .collect {
  line-height: 50px
}
.book-state li a,
.book-state li cite,
.book-state li i,
.book-state li span,
.book-state li strong {
  display: inline-block;
  vertical-align: middle
}
.book-state li cite {
  margin-right: 8px
}
.book-state li a,
.book-state li cite {
  font: 14px/20px PingFangSC-Regular,'-apple-system',Simsun;
  display: inline-block;
  vertical-align: middle
}
.book-state li em.null,
.book-state li em.time {
  color: #999
}
.book-state li strong {
  font: 14px/22px PingFangSC-Regular,'-apple-system',Simsun;
  display: block;
  margin: 0 10px 8px 0;
  cursor: pointer
}
.book-state li strong .iconfont {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle
}
.fans-zone {
  margin-bottom: 37px
}
.fans-zone h3 {
  margin-bottom: 14px
}
.fans-zone dd {
  float: left;
  width: 232px;
  height: 264px;
  padding: 24px 0
}
.fans-zone dd.line {
  width: 0;
  height: 208px;
  margin-top: 28px;
  border-left: 1px solid #e5e5e5
}
.fans-interact {
  text-align: center;
  background: #f7f6f2
}
.fans-interact dd:hover .icon-box span {
  top: 0
}
.fans-interact dd:hover .icon-box.money span {
  top: 6px
}
.fans-interact dd h4 {
  font-size: 0;
  margin-bottom: 14px
}
.fans-interact dd h4 span {
  font-size: 18px;
  line-height: 22px
}
.fans-interact dd h4 span.act {
  color: #ed4259
}
.fans-interact dd h4 a {
  font-size: 18px;
  line-height: 22px;
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: middle;
  color: #a6a6a6
}
.fans-interact dd h4 a.act,
.fans-interact dd h4 a:hover {
  color: #ed4259
}
.fans-interact dd h4 a cite {
  font: 12px/28px PingFangSC-Regular,'-apple-system',Simsun;
  position: absolute;
  z-index: 1;
  top: 28px;
  left: -8px;
  display: none;
  width: 140px;
  text-align: center;
  color: grey;
  border: 1px solid #e5e5e5;
  background: #fff
}
.fans-interact dd h4 a cite span {
  position: absolute;
  top: 5px;
  right: -3px;
  width: 0;
  height: 0;
  border-top: 5px solid #3f5a93;
  border-right: 5px solid transparent;
  border-bottom: 0 none;
  border-left: 5px solid transparent
}
.fans-interact dd h4 a cite span i {
  position: absolute;
  top: -7px;
  right: -5px;
  width: 0;
  height: 0;
  border-top: 5px solid #fff;
  border-right: 5px solid transparent;
  border-bottom: 0 none;
  border-left: 5px solid transparent
}
.fans-interact dd h4 a cite span.up {
  border-top: 0 none;
  border-bottom: 5px solid #3f5a93
}
.fans-interact dd h4 a cite span.up i {
  top: 2px;
  border-top: 0 none;
  border-bottom: 5px solid #fff
}
.fans-interact dd h4 a cite span {
  position: absolute;
  top: -7px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -5px;
  border-top: 0 none;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #e5e5e5;
  border-left: 7px solid transparent
}
.fans-interact dd h4 a cite span i {
  position: absolute;
  top: 2px;
  right: -7px;
  width: 0;
  height: 0;
  border-top: 0 none;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent
}
.fans-interact dd h4 em {
  font: 18px/21px Arail;
  display: inline-block;
  margin: 0 12px;
  vertical-align: middle;
  color: #a6a6a6
}
.fans-interact dd h4 b {
  font-size: 12px;
  font-weight: 400;
  min-width: 12px;
  margin-left: -3px;
  vertical-align: 2px;
  color: #bfbfbf
}
.fans-interact dd .tip {
  font: 12px/28px PingFangSC-Regular,'-apple-system',Simsun;
  color: grey
}
.fans-interact dd .tip cite {
  color: #1a1a1a
}
.fans-interact dd .action-wrap p {
  overflow: hidden
}
.fans-interact dd .action-wrap p:first-child {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  height: 16px;
  margin-bottom: 7px;
  color: #a6a6a6
}
.fans-interact dd .action-wrap p:first-child + p {
  font: 30px/33px Arial;
  position: relative;
  z-index: 1;
  overflow: visible;
  height: 33px;
  margin-bottom: 7px
}
.fans-interact dd .action-wrap p:first-child + p span {
  font: 16px/1 Arial;
  position: absolute;
  z-index: 1;
  top: -10px;
  left: 160px;
  animation: fadeOutUp 1s 1s;
  color: #bf2c24
}
.fans-interact dd .action-wrap p:first-child + p + p {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  height: 16px;
  margin-bottom: 14px
}
.fans-interact dd .action-wrap p:first-child + p + p i {
  font-family: Arial;
  margin: 0 3px
}
.fans-interact dd .action-wrap p:first-child + p + p em {
  font: 14px/16px Arial;
  display: inline-block;
  height: 16px;
  margin: -2px 3px 0;
  vertical-align: middle;
  color: #ed4259
}
.fans-interact dd .icon-box {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 44px;
  height: 52px;
  margin: 0 auto
}
.fans-interact dd .icon-box b {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 44px;
  height: 2px;
  margin: 0 auto
}
.fans-interact dd .icon-box span {
  position: absolute;
  z-index: 1;
  top: 12px;
  left: 50%;
  margin-left: -18px;
  transition: top .5s ease-out
}
.fans-interact dd .icon-box.month span {
  width: 36px;
  height: 52px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -299px 0;
  background-size: 335px
}
.fans-interact dd .icon-box.month b {
  background: #d67772
}
.fans-interact dd .icon-box.rec span {
  width: 36px;
  height: 52px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -299px -54px;
  background-size: 335px
}
.fans-interact dd .icon-box.rec b {
  background: #d69a72
}
.fans-interact dd .icon-box.money span {
  top: 18px;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -146px -222px;
  background-size: 335px
}
.fans-interact dd .icon-box.money b {
  background: #c8b078
}
.games-op-wrap {
  height: 70px;
  margin-bottom: 37px
}
.games-op-wrap .left-game,
.games-op-wrap .right-game {
  position: relative;
  display: block;
  width: 345px;
  height: 100%;
  transition: box-shadow .5s
}
.games-op-wrap .left-game:hover,
.games-op-wrap .right-game:hover {
  box-shadow: 0 5px 16px #d9d4c7
}
.games-op-wrap .left-game embed.embed-fix.fix,
.games-op-wrap .right-game embed.embed-fix.fix {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 345px;
  height: 70px
}
.games-op-wrap .left-game a,
.games-op-wrap .right-game a {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  display: none;
  width: 345px;
  height: 70px
}
.games-op-wrap .left-game a img,
.games-op-wrap .right-game a img {
  width: 345px;
  height: 100%
}
.games-op-wrap .left-game .la-ball-pulse,
.games-op-wrap .right-game .la-ball-pulse {
  margin-top: 33px
}
.games-op-wrap .left-game {
  float: left
}
.games-op-wrap .right-game {
  float: right
}
.fans-rank {
  width: 190px;
  min-height: 50px;
  margin: -5px auto 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5e5e5
}
.fans-rank .fans-info p {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden;
  height: 16px;
  margin: 10px 0 8px;
  text-align: left
}
.fans-rank .fans-info p b {
  font-size: 14px;
  font-weight: 400
}
.fans-rank .fans-info p b,
.fans-rank .fans-info p span {
  font-family: Arial;
  display: inline-block;
  margin: -2px 3px 0;
  vertical-align: middle
}
.fans-rank .fans-info p:first-child + p {
  margin: 0;
  color: grey
}
.fans-rank.login-out p {
  line-height: 32px;
  height: 32px
}
.fans-rank.login-out p .blue {
  margin-right: 3px
}
.fans-rank.login-out .fans-info p {
  margin: 14px 0 0
}
.fans-interact .fans-dynamic {
  width: 190px;
  margin: 0 auto
}
.fans-interact .fans-dynamic .no-data span {
  display: block;
  width: 104px;
  height: 62px;
  margin: 20px auto;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -87px 0;
  background-size: 335px
}
.fans-interact .fans-dynamic .no-data p {
  font: 14px/19px PingFangSC-Regular,'-apple-system',Simsun;
  color: #a6a6a6
}
.fans-interact .fans-dynamic .no-data p i {
  font-family: Arail
}
.fans-interact .fans-dynamic h4 {
  margin-bottom: 10px
}
.fans-interact .fans-dynamic .fans-slide-wrap .scroll-div {
  overflow: hidden;
  height: 115px
}
.fans-interact .fans-dynamic li {
  font: 12px/28px PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden;
  height: 28px;
  text-align: left;
  border-top: 1px solid #e5e5e5
}
.fans-interact .fans-dynamic li.high-light {
  color: #bf2c24
}
.fans-interact .fans-dynamic li.high-light a,
.fans-interact .fans-dynamic li.high-light cite,
.fans-interact .fans-dynamic li.high-light em,
.fans-interact .fans-dynamic li.high-light span {
  color: #bf2c24
}
.fans-interact .fans-dynamic li cite {
  float: left
}
.fans-interact .fans-dynamic li a {
  float: left;
  overflow: hidden;
  max-width: 80px;
  height: 28px;
  white-space: nowrap;
  text-overflow: ellipsis
}
.fans-interact .fans-dynamic li a.user {
  margin: 0 4px
}
.fans-interact .fans-dynamic li:first-child {
  border-top: none
}
.fans-interact .fans-dynamic li em {
  float: right;
  margin-top: 7px
}
.fans-interact .fans-dynamic li em.money {
  width: 14px;
  height: 14px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -320px -188px;
  background-size: 335px
}
.fans-interact .fans-dynamic li em.month {
  width: 10px;
  height: 14px;
  margin-right: 2px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -323px -164px;
  background-size: 335px
}
.fans-interact .fans-dynamic li em.rec {
  width: 10px;
  height: 14px;
  margin-right: 2px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -325px -138px;
  background-size: 335px
}
.fans-interact .fans-dynamic li span {
  margin: 0 4px;
  color: #999
}
.like-more h3 {
  margin-bottom: 14px
}
.like-more li {
  float: left;
  width: 86px;
  margin-left: 36px
}
.like-more li:first-child {
  margin-left: 0
}
.like-more li .book-img {
  width: 84px;
  height: 112px;
  margin-bottom: 7px
}
.like-more li h4 {
  font: 700 14px/21px PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden;
  height: 21px
}
.like-more li p {
  font: 12px/20px PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden;
  height: 40px;
  color: #666
}
.my-comment-wrap {
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #e6e6e6
}
.my-comment-wrap .la-ball-pulse {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -25px
}
.my-comment-wrap .error-wrap p {
  font: 14px/150px PingFangSC-Regular,'-apple-system',Simsun;
  text-align: center
}
.send {
  font: 12px/22px PingFangSC-Regular,'-apple-system',Simsun;
  float: right;
  width: 66px;
  height: 22px;
  margin-top: 1px;
  transition: .2s;
  text-align: center;
  border: 1px solid #9facc9;
  border-radius: 12px
}
.send:hover {
  color: #2972cc;
  border-color: #2972cc;
  background: #f0f5ff
}
.comment-btn {
  font: 12px/22px PingFangSC-Regular,'-apple-system',Simsun;
  float: right;
  height: 22px;
  margin-top: 5px;
  transition: border .2s
}
.comment-btn:hover {
  color: #2972cc
}
.user-comment-wrap h3 {
  margin-bottom: 0;
  color: #a6a6a6;
  border-bottom: 1px solid #e6e6e6
}
.user-comment-wrap h3 .grey {
  font-family: Arial;
  font-size: 20px;
  padding: 0 12px;
  color: #a6a6a6
}
.user-comment-wrap h3 span {
  cursor: pointer;
  transition: color .3s
}
.user-comment-wrap h3 span.act {
  color: #262626
}
.user-comment-wrap h3 span.act:hover {
  color: #262626
}
.user-comment-wrap h3 span:hover {
  color: #ed4259
}
.user-comment-wrap.my-comment .comment-list dd {
  border-bottom: none
}
.user-comment-wrap.my-comment .comment-list .no-data {
  padding-bottom: 20px
}
.user-comment-wrap.my-comment .comment-list .no-data span {
  margin-top: 40px
}
.user-comment-wrap.my-comment .comment-info {
  position: relative
}
.user-comment-wrap.my-comment .comment-info .my-comment-text {
  min-height: 14px
}
.user-comment-wrap.my-comment .comment-info .icon-my-comment {
  position: absolute;
  right: 0;
  bottom: -8px;
  width: 55px;
  height: 44px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -66px -156px;
  background-size: 335px
}
.user-comment-wrap .comment-head {
  position: relative;
  z-index: 1
}
.user-comment-wrap .comment-head .sort-box {
  position: absolute;
  z-index: 1;
  top: 3px;
  right: 54px;
  display: none
}
.user-comment-wrap .comment-head .sort-box a {
  font: 12px/18px PingFangSC-Regular,'-apple-system',Simsun;
  display: inline-block;
  width: 34px;
  height: 18px;
  text-align: center;
  vertical-align: middle;
  color: #a6a6a6
}
.user-comment-wrap .comment-head .sort-box a.act {
  font-weight: 700;
  color: #ed4259
}
.user-comment-wrap .comment-head .sort-box span {
  font-size: 12px;
  padding: 0 4px;
  color: #a6a6a6
}
.user-comment-wrap h3 {
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6
}
.user-comment-wrap .comment-list .no-data {
  padding-bottom: 60px;
  text-align: center
}
.user-comment-wrap .comment-list .no-data span {
  display: block;
  width: 77px;
  height: 72px;
  margin: 80px auto 20px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: 0 -82px;
  background-size: 335px
}
.user-comment-wrap .comment-list .no-data p {
  font: 14px/21px PingFangSC-Regular,'-apple-system',Simsun;
  color: #a6a6a6
}
.user-comment-wrap .comment-list .no-data p i {
  font-family: Arail
}
.user-comment-wrap .comment-list dd {
  overflow: hidden;
  padding: 18px 0;
  border-bottom: 1px solid #e6e6e6
}
.user-comment-wrap .comment-list dd .user-photo {
  float: left;
  margin: 0 12px 0 0
}
.user-comment-wrap .comment-list dd .comment-info {
  float: left;
  width: 644px
}
.user-comment-wrap .comment-list dd .comment-info h6 {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden;
  max-height: 16px;
  margin-bottom: 7px;
  color: #999
}
.user-comment-wrap .comment-list dd .comment-info h6 b {
  font-weight: 400
}
.user-comment-wrap .comment-list dd .comment-info h6 .blue {
  margin-right: 5px
}
.user-comment-wrap .comment-list dd .comment-info h6 span {
  display: inline-block;
  width: 57px;
  height: 11px;
  margin: -3px 0 0 5px;
  vertical-align: middle;
  background-image: url(/qd/images/book_details/score_min.2e8bb.png)
}
.user-comment-wrap .comment-list dd .comment-info h6 span.star5 {
  background-position: 0 0
}
.user-comment-wrap .comment-list dd .comment-info h6 span.star4 {
  background-position: 0 -11px
}
.user-comment-wrap .comment-list dd .comment-info h6 span.star3 {
  background-position: 0 -22px
}
.user-comment-wrap .comment-list dd .comment-info h6 span.star2 {
  background-position: 0 -33px
}
.user-comment-wrap .comment-list dd .comment-info h6 span.star1 {
  background-position: 0 -44px
}
.user-comment-wrap .comment-list dd .comment-info h6 .zan {
  float: right;
  color: #a6a6a6
}
.user-comment-wrap .comment-list dd .comment-info h6 .zan.act {
  color: #ed4259
}
.user-comment-wrap .comment-list dd .comment-info h6 .zan em {
  font-size: 16px;
  min-width: 16px;
  margin-left: 5px;
  vertical-align: -1px
}
.user-comment-wrap .comment-list dd .comment-info h6 .zan:hover {
  color: #ed4259
}
.user-comment-wrap .comment-list dd .comment-info h6 .zan:hover em {
  color: #ed4259
}
.user-comment-wrap .comment-list dd .comment-info p {
  font: 14px/24px PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden;
  max-width: 520px;
  margin-bottom: 10px;
  transition: height .3s
}
.user-comment-wrap .comment-list dd .comment-info p.normal {
  max-height: 72px
}
.user-comment-wrap .comment-list dd .comment-info p.normal cite {
  display: none
}
.user-comment-wrap .comment-list dd .comment-info p.extend {
  position: relative;
  height: 72px;
  padding-right: 15px
}
.user-comment-wrap .comment-list dd .comment-info p.extend cite {
  font-size: 16px;
  line-height: 16px;
  position: absolute;
  right: 0;
  bottom: 3px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  text-align: center;
  background: #fff
}
.user-comment-wrap .comment-list dd .comment-info p + p {
  font: 12px/14px PingFangSC-Regular,'-apple-system',Simsun;
  margin-bottom: 0;
  color: #999
}
.userCommentWrap {
  display: none
}
.book-discuss-wrap h3 {
  margin-bottom: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #666
}
.book-discuss-wrap h3 span {
  font-size: 16px;
  display: inline-block;
  margin-top: -2px;
  margin-left: 5px;
  vertical-align: middle
}
.discuss-list {
  font-family: PingFangSC-Regular,'-apple-system',Simsun
}
.discuss-list .no-data {
  padding-bottom: 60px;
  text-align: center
}
.discuss-list .no-data span {
  display: block;
  width: 85px;
  height: 80px;
  margin: 80px auto 20px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 335px
}
.discuss-list .no-data p {
  font: 14px/21px PingFangSC-Regular,'-apple-system',Simsun;
  color: #a6a6a6
}
.discuss-list .no-data p i {
  font-family: Arail
}
.discuss-list .more-post {
  font-size: 14px;
  padding: 25px 0;
  text-align: center;
  border-top: 1px solid #e5e5e5
}
.discuss-list .more-post .iconfont {
  font-size: 14px;
  vertical-align: -1px
}
.discuss-list ul {
  margin-bottom: 10px
}
.discuss-list li {
  padding: 16px 0;
  border-top: 1px solid #e5e5e5
}
.discuss-list li:first-child {
  border-top: none
}
.discuss-list li .user-photo {
  float: left;
  margin: 0 12px 0 0
}
.discuss-list li .user-photo a[href='javascript:;'] {
  cursor: default
}
.discuss-list li .discuss-info {
  float: left;
  width: 643px
}
.discuss-list li.qd-game .qd-game-wrap {
  display: block
}
.discuss-list li.qd-game .qd-game-wrap .user-photo {
  width: 44px;
  width: 45px;
  height: 44px;
  height: 45px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -100px -222px;
  background-size: 335px
}
.discuss-list li.qd-game .qd-game-wrap .text {
  font-weight: 700;
  line-height: 22px;
  overflow: hidden;
  max-width: 550px;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #3f5a93
}
.discuss-list li.qd-game .qd-game-wrap .game-desc {
  font: 12px/14px PingFangSC-Regular,'-apple-system',Simsun;
  line-height: 24px;
  overflow: hidden;
  max-width: 480px;
  margin: 0;
  white-space: nowrap;
  color: #a6a6a6
}
.discuss-list li.qd-game .qd-game-wrap:hover .text {
  color: #2972cc
}
.discuss-list .users {
  font-size: 12px;
  line-height: 20px
}
.discuss-list .users .blue {
  margin-right: 4px
}
.discuss-list .users a[href='javascript:;'] {
  cursor: default
}
.discuss-list .text {
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
  height: 22px;
  margin-top: 4px;
  white-space: nowrap;
  text-overflow: ellipsis
}
.discuss-list .text .pink:hover {
  text-decoration: underline
}
.discuss-list .text .icon-emoji {
  display: inline-block;
  vertical-align: top
}
.discuss-list .text .icon {
  display: inline-block;
  margin-right: 6px;
  vertical-align: -3px
}
.discuss-list .info {
  line-height: 1;
  margin-top: 16px;
  color: #a6a6a6
}
.discuss-list .info a,
.discuss-list .info span {
  display: inline
}
.discuss-list .info a:hover {
  color: #ed4259
}
.discuss-list .info span {
  font-size: 14px;
  vertical-align: baseline
}
.discuss-list .info .mr20 {
  margin-right: 20px
}
.discuss-list .info .iconfont {
  font-size: 16px;
  padding-right: 6px;
  vertical-align: -1px
}
.discuss-list .info .info-tab {
  color: #a6a6a6
}
.discuss-list .info .info-tab.act {
  color: #ed4259
}
.discuss-list .go-discuss {
  text-align: center;
  background: #f7f6f2
}
.discuss-list .go-discuss a {
  font: 12px/34px PingFangSC-Regular,'-apple-system',Simsun;
  display: block;
  height: 34px
}
.discuss-list .go-discuss a .iconfont {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle
}
.page-box {
  padding: 20px 0
}
.right-wrap {
  width: 250px;
  padding-top: 6px
}
.author-state {
  padding-bottom: 9px;
  text-align: center;
  background: #f7f6f2
}
.author-state .author-info {
  width: 226px;
  margin: 0 auto
}
.author-state .info-wrap {
  padding: 20px 0;
  border-top: 1px solid #e5e5e5
}
.author-state .info-wrap.nobt {
  border-top: none
}
.author-state .info-wrap .god-light {
  display: inline-block;
  margin-left: 5px;
  vertical-align: -1px
}
.author-state .info-wrap .god-light.lv1 {
  width: 18px;
  height: 16px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -129px -64px;
  background-size: 335px
}
.author-state .info-wrap .god-light.lv2 {
  width: 19px;
  height: 16px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -299px -188px;
  background-size: 335px
}
.author-state .info-wrap .god-light.lv3 {
  width: 19px;
  height: 16px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -299px -206px;
  background-size: 335px
}
.author-state .info-wrap .god-light.lv4 {
  width: 19px;
  height: 16px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -299px -224px;
  background-size: 335px
}
.author-state .author-photo {
  position: relative;
  z-index: 1;
  width: 100px;
  height: 100px;
  margin: 0 auto 16px
}
.author-state .author-photo a,
.author-state .author-photo img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%
}
.author-state .author-photo span {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  position: absolute;
  z-index: 1;
  bottom: -5px;
  left: 50%;
  width: 28px;
  height: 16px;
  margin-left: -14px;
  text-align: center;
  color: #fff;
  border-radius: 2px
}
.author-state .author-photo span.lv {
  font: italic 12px/16px Arial;
  background: #fc6c28
}
.author-state .author-photo span.author {
  background: #0096e9
}
.author-state .author-photo span.god {
  background: #bf2c24
}
.author-state .author-photo span.platina {
  width: 40px;
  height: 16px;
  margin-left: -19px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -87px -64px;
  background-size: 335px
}
.author-state .author-photo + p {
  font: 18px/1 PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  position: relative;
  overflow: hidden;
  height: 22px;
  margin-bottom: 8px;
  text-align: center
}
.author-state .author-photo + p a {
  display: inline-block;
  vertical-align: middle
}
.author-state .author-photo + p a + a {
  position: absolute;
  top: 4px
}
.author-state .author-photo + p a {
  display: inline-block;
  vertical-align: middle
}
.author-state .author-photo + p a + a {
  position: absolute;
  top: 4px
}
.author-state .author-photo + p + p {
  font: 12px/24px PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden;
  max-height: 72px
}
.author-state .author-photo + p + p cite {
  display: none
}
.author-state .author-photo + p + p.extend {
  position: relative;
  z-index: 1
}
.author-state .author-photo + p + p.extend cite {
  font-size: 16px;
  line-height: 16px;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 3px;
  display: block;
  width: 18px;
  height: 18px;
  cursor: pointer;
  text-align: center;
  background: #f7f6f2
}
.author-state .work-state {
  padding-left: 12px
}
.author-state .work-state li {
  float: left;
  width: 50px;
  margin-left: 28px
}
.author-state .work-state li:first-child {
  margin-left: 0
}
.author-state .work-state li span {
  display: block;
  margin-bottom: 9px
}
.author-state .work-state li span.book {
  width: 48px;
  height: 48px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -193px -80px;
  background-size: 335px
}
.author-state .work-state li span.word {
  width: 48px;
  height: 48px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -249px -150px;
  background-size: 335px
}
.author-state .work-state li span.coffee {
  width: 48px;
  height: 48px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -50px -222px;
  background-size: 335px
}
.author-state .work-state li p {
  font: 12px/18px PingFangSC-Regular,'-apple-system',Simsun;
  color: #666
}
.author-state .work-state li em {
  font: 14px/18px Arial;
  white-space: nowrap;
  color: #bf2c24
}
.author-state .work-state li em i {
  font: 12px/18px PingFangSC-Regular,'-apple-system',Simsun;
  vertical-align: 1px
}
.author-state .other-works {
  padding-bottom: 0
}
.author-state .other-works h3 {
  font-size: 18px;
  line-height: 21px;
  overflow: hidden;
  height: 21px;
  margin-bottom: 20px;
  text-align: left
}
.author-state .other-works h3 a {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  float: right;
  margin-top: 3px
}
.author-state .other-works h3 a .iconfont {
  font-size: 12px;
  display: inline-block;
  min-width: 12px;
  margin-top: -1px;
  vertical-align: middle
}
.author-state .other-works .work-slides {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 226px;
  height: 296px;
  margin: 0 auto;
  padding-top: 4px
}
.author-state .other-works .work-slides li {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 226px;
  transition-timing-function: ease-in-out!important;
  transition-duration: .5s!important
}
.author-state .other-works .work-slides li#item1 {
  display: block
}
.author-state .other-works .work-slides li .book-img {
  width: 84px;
  height: 112px;
  margin: 0 auto 10px
}
.author-state .other-works .work-slides li .book-img em {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -146px -82px;
  background-size: 335px
}
.author-state .other-works .work-slides li .text h4 {
  font: 18px/24px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  overflow: hidden;
  height: 24px;
  margin-bottom: 9px
}
.author-state .other-works .work-slides li .text p.red {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden;
  height: 16px;
  margin-bottom: 10px
}
.author-state .other-works .work-slides li .text p.red a {
  color: #bf2c24
}
.author-state .other-works .work-slides li .text p.red a:hover {
  color: #ed4259
}
.author-state .other-works .work-slides li .text p.red i {
  font-family: Airal;
  margin: 0 3px
}
.author-state .other-works .work-slides li .text p.red + p {
  font: 12px/20px PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden;
  height: 60px;
  margin-bottom: 16px;
  text-align: left;
  color: grey
}
.author-state .other-works .work-slides li .text .add-book {
  font: 14px/1 PingFangSC-Regular,'-apple-system',Simsun;
  display: block;
  width: 98px;
  margin: 0 auto;
  padding: 7px 0;
  border-width: 1px;
  border-style: solid;
  border-radius: 20px
}
.author-state .other-works .work-slides .nav {
  display: none
}
.author-state .other-works .work-slides .arrows a {
  position: absolute;
  top: 50px;
  color: #e6e6e6
}
.author-state .other-works .work-slides .arrows a:hover {
  color: #ccc
}
.author-state .other-works .work-slides .arrows a.prev {
  left: 0
}
.author-state .other-works .work-slides .arrows a.next {
  right: 0
}
.author-state .rec-works {
  padding-top: 24px;
  text-align: left;
  border-top: 1px solid #e5e5e5
}
.author-state .rec-works h3 {
  font-size: 18px;
  line-height: 21px;
  overflow: hidden;
  height: 21px;
  margin-bottom: 6px
}
.author-state .rec-works li {
  font: 14px/32px PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden;
  height: 32px
}
.author-state .rec-works li a {
  float: left
}
.author-state .rec-works li a.channel {
  max-width: 82px;
  margin-left: -7px;
  color: grey
}
.author-state .rec-works li a.channel em {
  font-family: PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  font-size: 13px
}
.author-state .rec-works li a.channel:hover {
  color: #ed4259
}
.author-state .rec-works li a.name {
  overflow: hidden;
  max-width: 86px;
  white-space: nowrap;
  text-overflow: ellipsis
}
.author-state .rec-works li a.writer {
  font: 12px/32px PingFangSC-Regular,'-apple-system',Simsun;
  float: right;
  overflow: hidden;
  max-width: 64px;
  text-align: right;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #b3b3b3
}
.author-state .rec-works li a.writer:hover {
  color: #ed4259
}
.fansRankWrap {
  height: 443px;
  padding: 20px 12px 12px;
  background: #f7f6f2
}
.fansRankWrap .la-ball-pulse {
  margin: 222px auto 0
}
.fans-rank-list .rank-list {
  float: none;
  width: 226px;
  margin-right: 0
}
.fans-rank-list .rank-list .book-list li.top {
  overflow: visible;
  zoom: 1;
  height: auto;
  padding: 5px 0 7px;
  border-top: 1px solid #e6e6e6
}
.fans-rank-list .rank-list .book-list li.top:after,
.fans-rank-list .rank-list .book-list li.top:before {
  display: table;
  content: ''
}
.fans-rank-list .rank-list .book-list li.top:after {
  clear: both
}
.fans-rank-list .rank-list .book-list li.top:first-child {
  border-top: none
}
.fans-rank-list .rank-list .book-list li.top .fans-img {
  position: relative;
  z-index: 1;
  float: right;
  width: 34px;
  height: 34px;
  margin-top: 4px
}
.fans-rank-list .rank-list .book-list li.top .fans-img a,
.fans-rank-list .rank-list .book-list li.top .fans-img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%
}
.fans-rank-list .rank-list .book-list li.top .fans-img .user-level {
  position: absolute;
  bottom: -8px;
  left: 3px
}
.fans-rank-list .rank-list .book-list li .top-name-box {
  font: 14px/22px PingFangSC-Regular,'-apple-system',Simsun;
  float: left;
  overflow: hidden;
  width: 164px;
  height: 44px;
  padding-top: 5px
}
.fans-rank-list .rank-list .book-list li .top-name-box h4 a {
  font: 14px/22px PingFangSC-Regular,'-apple-system',Simsun;
  display: block;
  overflow: hidden;
  width: 160px;
  height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis
}
.fans-rank-list .rank-list .book-list li .top-name-box p {
  font-size: 12px;
  overflow: hidden;
  height: 22px;
  color: #a6a6a6
}
.fans-rank-list .rank-list .book-list li .top-name-box p span {
  font-family: Arial;
  line-height: 1;
  margin-right: 5px;
  vertical-align: middle
}
.fans-rank-list .rank-list .book-list li .name-box .name {
  width: 150px
}
.fans-rank-list .rank-list .book-list li .name-box .total {
  width: 48px
}
.topFansWrap {
  padding: 20px 12px 12px;
  background: #f7f6f2
}
.topFansWrap .la-ball-pulse {
  margin-top: 189px
}
.famous-fans-list .rank-list {
  float: none;
  width: 226px;
  margin-right: 0
}
.famous-fans-list .rank-list li {
  border-top: 1px solid #e6e6e6
}
.famous-fans-list .rank-list li:first-child {
  border-top: none
}
.famous-fans-list .rank-list li:after,
.famous-fans-list .rank-list li:before {
  display: table;
  content: ''
}
.famous-fans-list .rank-list li:after {
  clear: both
}
.famous-fans-list .rank-list li .fans-info {
  float: left
}
.famous-fans-list .rank-list li .fans-info h4 {
  padding: 12px 0 3px
}
.famous-fans-list .rank-list li .fans-info h4 a {
  font: 14px/22px PingFangSC-Regular,'-apple-system',Simsun;
  display: block;
  overflow: hidden;
  max-width: 160px;
  height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis
}
.famous-fans-list .rank-list li .fans-info p {
  font-size: 12px;
  overflow: hidden;
  max-width: 161px;
  height: 19px;
  margin-bottom: 15px;
  color: #a6a6a6
}
.famous-fans-list .rank-list li .fans-info p span {
  font-family: Arial;
  line-height: 1;
  margin-right: 5px;
  vertical-align: middle
}
.famous-fans-list .rank-list li .fans-img {
  position: relative;
  float: right;
  margin-top: 10px
}
.famous-fans-list .rank-list li .fans-img a img {
  width: 44px;
  height: 44px;
  border-radius: 100%
}
.famous-fans-list .rank-list li .fans-img .fans-level {
  position: absolute;
  top: 26px;
  left: -1px;
  display: block
}
.famous-fans-list .rank-list li .fans-img .fans-level.icon-fans-first {
  width: 48px;
  height: 20px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -249px -200px;
  background-size: 335px
}
.famous-fans-list .rank-list li .fans-img .fans-level.icon-fans-second {
  width: 48px;
  height: 19px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: 0 -272px;
  background-size: 335px
}
.famous-fans-list .rank-list li .fans-img .fans-level.icon-fans-third {
  width: 52px;
  height: 20px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -193px -130px;
  background-size: 335px
}
.famous-fans-list .rank-list li .fans-img .fans-level.icon-fans-fourth {
  width: 50px;
  height: 20px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -188px -222px;
  background-size: 335px
}
.famous-fans-list .rank-list li .fans-img .fans-level.icon-fans-fifth {
  width: 50px;
  height: 20px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -240px -222px;
  background-size: 335px
}
.famous-fans-list .rank-list li.hide-hover a:hover {
  cursor: default;
  color: #262626
}
.right-op-wrap {
  position: relative;
  height: 174px;
  margin-bottom: 10px
}
.right-op-wrap a {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  display: none;
  width: 250px;
  height: 174px
}
.right-op-wrap a img {
  width: 250px;
  height: 174px
}
.right-op-wrap embed.embed-fix.fix {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 250px;
  height: 174px
}
.right-op-wrap .la-ball-pulse {
  padding-top: 80px
}
.break-rules-report {
  width: 250px;
  margin-bottom: 40px;
  padding: 8px 0;
  background: #f7f6f2
}
.break-rules-report a {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  float: left;
  margin-left: 5px;
  color: #999
}
.break-rules-report a:hover {
  color: #ed4259
}
.break-rules-report .icon-warning {
  display: block;
  float: left;
  width: 16px;
  height: 14px;
  margin-left: 10px;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -167px -64px;
  background-size: 335px
}
.book-list-wrap {
  width: 250px
}
.book-list-wrap .book-list li a.name {
  max-width: 155px
}
.book-list-wrap .strongrec-list {
  padding: 20px 12px 12px;
  background: #f7f6f2
}
.famous-user li {
  overflow: hidden;
  min-height: 86px;
  border-top: 1px solid #e5e5e5
}
.famous-user li:first-child {
  border-top: none
}
.famous-user li .info {
  display: table;
  float: left;
  max-width: 168px;
  margin-top: 14px
}
.famous-user li .info .box {
  display: table-cell;
  height: 58px;
  vertical-align: middle
}
.famous-user li .info span {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  display: block;
  width: 54px;
  height: 16px;
  margin-bottom: 4px;
  text-align: center;
  color: #fff;
  background: #000
}
.famous-user li .info h4 {
  overflow: hidden;
  height: 24px
}
.famous-user li .info h4 a {
  font: 16px/24px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif
}
.famous-user li .info p {
  font-size: 12px;
  overflow: hidden;
  height: 16px;
  color: #bf2c24
}
.famous-user li .info p em {
  font: 14px/16px Arial;
  margin-right: 3px
}
.famous-user li .photo {
  float: right;
  width: 34px;
  height: 34px;
  margin-top: 26px
}
.famous-user li .photo a,
.famous-user li .photo img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%
}
.famous-user li .no-data {
  font: 14px/19px PingFangSC-Regular,'-apple-system',Simsun;
  float: right;
  margin-top: 32px;
  color: #a6a6a6
}
.reading-track {
  height: 40px;
  text-align: center
}
.reading-track a {
  line-height: 36px;
  display: inline-block;
  margin: 0 auto;
  padding: 0 20px;
  color: #6b3612;
  border: 1px solid #ffdc95;
  background: #fff7e7
}
.reading-track span {
  font: 16px/19px FZZCYSK;
  margin-right: 10px;
  color: #e67e21
}
.reading-track i {
  font: 14px/38px PingFangSC-Regular,'-apple-system',Simsun
}
.reading-track .iconfont {
  font-size: 14px;
  min-width: 14px;
  vertical-align: -1px;
  color: #a68671
}
.chapter-wrap .chapter,
.volume {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 40px
}
.chapter-wrap .chapter ul,
.volume ul {
  overflow: hidden;
  width: 1050px
}
.chapter-wrap .chapter h3,
.volume h3 {
  font: 700 18px/24px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  overflow: hidden;
  height: 24px;
  padding-bottom: 11px;
  border-bottom: 1px solid #666
}
.chapter-wrap .chapter h3 span,
.volume h3 span {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  display: inline-block;
  min-width: 24px;
  margin: -1px 8px 0;
  padding: 0 3px;
  text-align: center;
  vertical-align: middle;
  color: #fff
}
.chapter-wrap .chapter h3 span.free,
.volume h3 span.free {
  background: #8ccd0a
}
.chapter-wrap .chapter h3 span.vip,
.volume h3 span.vip {
  background: #fc6c28
}
.chapter-wrap .chapter h3 i,
.volume h3 i {
  font-family: Arail
}
.chapter-wrap .chapter h3 .count,
.volume h3 .count {
  font: 14px/19px PingFangSC-Regular,'-apple-system',Simsun;
  color: #666
}
.chapter-wrap .chapter h3 .count cite,
.volume h3 .count cite {
  font-family: Arial;
  margin: 0 3px
}
.chapter-wrap .chapter h3 .subscri,
.chapter-wrap .chapter h3 .subscribe,
.volume h3 .subscri,
.volume h3 .subscribe {
  position: relative;
  z-index: 2;
  float: right
}
.chapter-wrap .chapter h3 .subscri .btn,
.chapter-wrap .chapter h3 .subscribe .btn,
.volume h3 .subscri .btn,
.volume h3 .subscribe .btn {
  font: 14px/28px PingFangSC-Regular,'-apple-system',Simsun;
  position: absolute;
  z-index: 2;
  right: 0;
  display: block;
  width: 96px;
  height: 28px;
  transition: background-color .5s;
  text-align: center;
  color: #fff;
  background: #bf2c24
}
.chapter-wrap .chapter h3 .subscri .btn b,
.chapter-wrap .chapter h3 .subscribe .btn b,
.volume h3 .subscri .btn b,
.volume h3 .subscribe .btn b {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  margin-right: 3px;
  vertical-align: 0
}
.chapter-wrap .chapter h3 .subscri strong,
.chapter-wrap .chapter h3 .subscribe strong,
.volume h3 .subscri strong,
.volume h3 .subscribe strong {
  font: 14px/24px PingFangSC-Regular,'-apple-system',Simsun;
  position: absolute;
  z-index: 1;
  top: 2px;
  right: 88px;
  width: 82px;
  height: 24px;
  transition: right ease-out .5s;
  text-align: center;
  color: #bf2c24;
  background-image: url(/qd/images/book_details/sprite.385d7.png);
  background-repeat: no-repeat;
  background-position: -123px -156px;
  background-size: 335px
}
.chapter-wrap .chapter h3 .subscri:hover strong,
.chapter-wrap .chapter h3 .subscribe:hover strong,
.volume h3 .subscri:hover strong,
.volume h3 .subscribe:hover strong {
  right: 94px
}
.chapter-wrap .chapter h3 .subscri:hover em,
.chapter-wrap .chapter h3 .subscribe:hover em,
.volume h3 .subscri:hover em,
.volume h3 .subscribe:hover em {
  background: #ed4259
}
.chapter-wrap .chapter li,
.volume li {
  font: 14px/40px PingFangSC-Regular,'-apple-system',Simsun;
  float: left;
  overflow: hidden;
  width: 290px;
  height: 40px;
  padding-right: 60px;
  border-bottom: 1px solid #ebebeb
}
.chapter-wrap .chapter li a,
.volume li a {
  float: left;
  overflow: hidden;
  max-width: 240px;
  white-space: nowrap;
  text-overflow: ellipsis
}
.chapter-wrap .chapter li .iconfont,
.volume li .iconfont {
  font-size: 16px;
  float: right;
  color: #bfbfbf
}
.catalog-content-wrap {
  padding: 16px 0 0
}
.catalog-content-wrap.subscribe-content {
  padding: 16px 0 100px
}
.catalog-content-wrap .loading {
  padding-top: 135px;
  text-align: center
}
.catalog-content-wrap .loading .la-ball-pulse {
  margin: 0 auto
}
.catalog-content-wrap .no-data .null {
  width: 142px;
  height: 100px;
  margin: 0 auto 20px;
  background: url(/qd/images/common/big_wu.ba1a4.png)
}
.catalog-content-wrap .no-data p {
  font: 14px/32px PingFangSC-Regular,'-apple-system',Simsun;
  text-align: center;
  color: #666
}
.auto-switch-wrap {
  position: relative;
  z-index: 1
}
.auto-switch {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0
}
.auto-switch a,
.auto-switch em,
.auto-switch span {
  display: inline-block;
  vertical-align: middle
}
.auto-switch span {
  font: 14px/19px PingFangSC-Regular,'-apple-system',Simsun
}
.auto-switch em {
  position: relative;
  z-index: 1;
  width: 60px;
  height: 12px;
  margin-right: 12px;
  border-radius: 14px;
  background: #bfbfbf
}
.auto-switch em a {
  font-size: 12px;
  line-height: 24px;
  position: absolute;
  z-index: 1;
  top: -6px;
  width: 44px;
  height: 24px;
  transition: left .3s;
  text-align: center;
  color: #fff;
  border-radius: 100px
}
.auto-switch em.off a {
  left: 0;
  background: grey
}
.auto-switch em.on {
  background: #ffaca8
}
.auto-switch em.on a {
  left: 20px;
  background: #bf2c24
}
.price-wrap {
  position: relative;
  z-index: 1;
  float: right;
  width: 160px;
  margin-top: 72px;
  padding: 0 32px 0 0;
  text-align: left
}
.price-wrap .price {
  position: absolute;
  z-index: 1;
  top: -36px;
  right: 44px
}
.price-wrap .price h6 {
  margin-bottom: 2px
}
.price-wrap .price h6 em {
  font: 30px/1 FZZCYSK;
  display: inline-block;
  margin-right: 2px;
  color: #bf2c24
}
.price-wrap .price h6 cite {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  display: inline-block;
  vertical-align: top;
  color: #bf2c24
}
.price-wrap .price b {
  display: block;
  margin-bottom: 2px;
  transform: rotate(-20deg);
  border-bottom: 1px solid #ccc
}
.price-wrap .price span {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  display: block;
  text-align: right;
  color: #a6a6a6
}
.price-wrap .user-state p {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  white-space: nowrap
}
.price-wrap .user-state p i {
  font-family: Arial;
  margin: 0 3px
}
.price-wrap .user-state p:first-child {
  height: 17px;
  margin-bottom: 11px;
  padding-bottom: 12px;
  color: #a6a6a6;
  border-bottom: 1px solid #e6e6e6
}
input[type=checkbox] {
  position: absolute;
  top: 14px;
  clip: rect(0,0,0,0);
  opacity: 0
}
input[type=checkbox]:hover {
  cursor: pointer
}
input[type=checkbox]:hover + .ui-checkbox {
  background-position: 0 -20px
}
input[type=checkbox]:hover + .ui-checkbox-checked {
  background-position: 0 -40px
}
input[type=checkbox]:hover + .ui-checkbox-disabled {
  cursor: default;
  background-position: 0 0
}
.ui-checkbox {
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 20px;
  margin: 0 8px 0 -3px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: -6px;
  background-color: #fff;
  background-clip: content-box
}
.ui-checkbox {
  background: url(/qd/images/ico/checkbox.00c80.png) no-repeat
}
.ui-checkbox:hover {
  background-position: 0 -20px
}
.ui-checkbox-checked {
  background-position: 0 -40px
}
.ui-checkbox-checked:hover {
  background-position: 0 -40px
}
.ui-checkbox-disabled {
  opacity: .38
}
.ui-checkbox-disabled:hover {
  opacity: .38;
  background-position: 0 0
}
:root .ui-checkbox {
  vertical-align: -7px
}
:root .chapter-wrap .chapter h3 .ui-checkbox {
  vertical-align: -4px
}
:root .select-all .ui-checkbox {
  vertical-align: -6px
}
:root .subscribe-wrap .left-box .ui-checkbox,
:root .subscribe-wrap .right-box .ui-checkbox {
  vertical-align: -6px
}
label:hover b {
  color: #ed4259
}
.select-all label {
  font: 14px/1 PingFangSC-Regular,'-apple-system',Simsun;
  display: inline-block
}
.chapter-wrap .chapter {
  margin-bottom: 0
}
.chapter-wrap .chapter h3.disabled label {
  cursor: default;
  color: #a6a6a6
}
.chapter-wrap .chapter h3.disabled label:hover b {
  color: #a6a6a6
}
.chapter-list-wrap {
  position: relative;
  z-index: 1;
  margin-bottom: 40px
}
.chapter-list-wrap h3 {
  font-size: 0;
  margin-bottom: 10px;
  padding-top: 20px;
  white-space: nowrap
}
.chapter-list-wrap h3 cite,
.chapter-list-wrap h3 em,
.chapter-list-wrap h3 label,
.chapter-list-wrap h3 span {
  display: inline-block;
  vertical-align: middle
}
.chapter-list-wrap h3 span {
  width: 600px;
  margin-right: 10px;
  margin-left: 25px
}
.chapter-list-wrap h3 span.ml0 {
  width: 280px;
  margin-left: 0
}
.chapter-list-wrap h3 cite,
.chapter-list-wrap h3 em,
.chapter-list-wrap h3 label,
.chapter-list-wrap h3 span {
  font: 700 12px/1 PingFangSC-Regular,'-apple-system',Simsun
}
.chapter-list-wrap h3 em {
  width: 78px;
  text-align: left
}
.chapter-list-wrap h3 cite {
  width: 128px;
  text-align: center
}
.chapter-list-wrap h3 cite.mr0 {
  width: 74px
}
.chapter-list-wrap h3 label {
  width: 150px;
  margin-right: 30px;
  text-align: center
}
.chapter-list-wrap li {
  font: 14px/36px PingFangSC-Regular,'-apple-system',Simsun;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 40px;
  white-space: nowrap;
  border-bottom: 1px solid #e6e6e6
}
.chapter-list-wrap li.disabled label {
  cursor: default;
  color: #a6a6a6
}
.chapter-list-wrap li.disabled label:hover b {
  color: #a6a6a6
}
.chapter-list-wrap li.disabled span {
  cursor: default
}
.chapter-list-wrap li b,
.chapter-list-wrap li cite,
.chapter-list-wrap li em,
.chapter-list-wrap li span,
.chapter-list-wrap li strong {
  display: inline-block;
  vertical-align: middle
}
.chapter-list-wrap li b {
  font-weight: 400;
  overflow: hidden;
  width: 600px;
  margin-right: 16px;
  white-space: nowrap;
  text-overflow: ellipsis
}
.chapter-list-wrap li em {
  overflow: hidden;
  width: 56px;
  height: 40px;
  margin-right: 22px;
  text-align: left
}
.chapter-list-wrap li cite,
.chapter-list-wrap li em {
  color: #666
}
.chapter-list-wrap li em.update-time {
  width: 144px;
  margin-right: 30px;
  text-align: center
}
.chapter-list-wrap li strong {
  font-family: Arial;
  font-size: 14px;
  overflow: hidden;
  width: 126px;
  height: 40px;
  text-align: center
}
.subscribe-wrap {
  position: fixed;
  z-index: 50;
  right: 0;
  bottom: 0;
  left: 0;
  height: 64px;
  background-color: #f5f2e9
}
.subscribe-wrap .left-box {
  font: 14px/1 PingFangSC-Regular,'-apple-system',Simsun;
  margin-top: 24px
}
.subscribe-wrap .left-box label {
  margin-right: 9px
}
.subscribe-wrap .left-box b {
  font: 18px/1 Arial;
  margin: 0 3px;
  vertical-align: -1px;
  color: #ed4259
}
.subscribe-wrap .left-box i {
  font-family: Arial;
  margin: 0 5px
}
.subscribe-wrap .left-box cite {
  font-family: Arial;
  margin-right: 5px
}
.subscribe-wrap .right-box {
  font: 14px/64px PingFangSC-Regular,'-apple-system',Simsun
}
.subscribe-wrap .right-box .box {
  float: right;
  margin-right: 20px;
  text-align: right
}
.subscribe-wrap .right-box .box em,
.subscribe-wrap .right-box .box span {
  font: 22px/1 Arial;
  display: inline-block;
  margin: -1px 5px 0;
  vertical-align: middle;
  color: #ed4259
}
.subscribe-wrap .right-box .box .table {
  display: table;
  height: 64px
}
.subscribe-wrap .right-box .box .table-cell {
  display: table-cell;
  vertical-align: middle
}
.subscribe-wrap .right-box .box p:first-child + p {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  color: #bf2c24
}
.subscribe-wrap .right-box .box b {
  font-family: Arial;
  margin: 0 10px 0 5px
}
.subscribe-wrap .right-box .box2 {
  float: right;
  margin-right: 20px
}
.subscribe-wrap .right-box i {
  float: right;
  height: 24px;
  margin: 20px 20px 0 0;
  border-left: 1px solid #ccc;
  border-left: 1px solid rgba(0,0,0,.1)
}
.subscribe-wrap .right-box .confirm {
  font: 16px/64px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  float: right;
  width: 100px;
  text-align: center;
  color: #fff;
  background-color: #bf2c24
}
.subscribe-wrap .right-box .confirm:hover {
  background-color: #ed4259
}
.subscribe-wrap .right-box .confirm.disabled {
  cursor: default;
  border-color: #a6a6a6;
  background: #a6a6a6
}
.go-top {
  position: fixed;
  z-index: 1;
  right: 0;
  bottom: 84px;
  width: 100%
}
.go-top .go-top-wrap {
  width: 990px;
  margin: 0 auto;
  padding-left: calc(100vw - 100%)
}
.go-top .go-top-wrap .icon-go-top {
  display: block;
  width: 44px;
  height: 44px;
  margin-left: 1014px;
  text-align: center;
  border-radius: 100%;
  background: #f2f2f2;
  box-shadow: 0 2px 5px #ccc
}
.go-top .go-top-wrap .icon-go-top .iconfont {
  font-size: 18px;
  line-height: 46px;
  margin-left: 1px;
  transition: color .3s;
  color: #a6a6a6
}
.go-top .go-top-wrap .icon-go-top:hover .iconfont {
  color: #ed4259
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1
  }
  100% {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    opacity: 0
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1
  }
  100% {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    opacity: 0
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}
@media (min--moz-device-pixel-ratio:1.3),
(-o-min-device-pixel-ratio:2.6 / 2),
(-webkit-min-device-pixel-ratio:1.3),
(min-device-pixel-ratio:1.3),
(min-resolution:1.3dppx) {
  .border-shadow span:first-child {
    background: url(/qd/images/book_details/shadow_slider_2x.23023.png) 0 0 no-repeat;
    background-size: cover
  }
  .border-shadow span:first-child + span {
    background: url(/qd/images/book_details/shadow_slider_2x.23023.png) -2px 0 no-repeat;
    background-size: cover
  }
  .border-shadow.subscribe span:first-child {
    background: url(/qd/images/book_details/s_shadow_left_2x.62e13.png);
    background-size: cover
  }
  .border-shadow.subscribe span:first-child + span {
    background: url(/qd/images/book_details/s_shadow_right_2x.39cb1.png);
    background-size: cover
  }
  .author-state .author-photo span,
  .author-state .info-wrap .god-light,
  .author-state .work-state li span,
  .book-information .flag,
  .chapter-wrap .chapter h3 .subscribe:hover strong,
  .fans-interact .fans-dynamic li em,
  .fans-interact dd .icon-box span,
  .volume h3 .subscribe:hover strong {
    background-image: url(/qd/images/book_details/sprite_2x.558e8.png)!important
  }
  .user-level,
  .vote-popup-wrap .popup-content .vote-complete .complete-img {
    background-image: url(/qd/images/common/common_sprite_2x.af3ed.png)!important
  }
  .user-comment-wrap .comment-list dd .comment-info h6 span {
    background-image: url(/qd/images/book_details/score_min_2x.8c552.png);
    background-size: 100%
  }
  .catalog-content-wrap .no-data .null {
    background: url(/qd/images/common/big_wu_2x.183b5.png);
    background-size: 100%
  }
  .top-bg-box .back-to-op {
    right: 0
  }
  .top-bg-op-box .close-game-op {
    right: 0
  }
  .famous-fans-list .rank-list li .fans-img .fans-level.icon-fans-fifth,
  .famous-fans-list .rank-list li .fans-img .fans-level.icon-fans-first,
  .famous-fans-list .rank-list li .fans-img .fans-level.icon-fans-fourth,
  .famous-fans-list .rank-list li .fans-img .fans-level.icon-fans-second,
  .famous-fans-list .rank-list li .fans-img .fans-level.icon-fans-third {
    background-image: url(/qd/images/book_details/sprite_2x.558e8.png)
  }
  .break-rules-report .icon-warning,
  .discuss-list li.qd-game .qd-game-wrap .user-photo,
  .fans-interact .fans-dynamic .no-data span {
    background-image: url(/qd/images/book_details/sprite_2x.558e8.png)
  }
}
@media (max-width:2560px) {
  .top-bg-box {
    height: 292px
  }
  .top-bg-box.rec-book {
    height: 450px
  }
  .crumbs-nav.rec-book {
    margin: 16px auto 294px
  }
  .top-bg-op-box .box-center .petal.p1 {
    animation: petal2 6s 1s infinite ease-out
  }
  .top-bg-op-box .box-center .petal.p2 {
    animation: petal2 5.5s 2s infinite ease-out
  }
  .top-bg-op-box .box-center .petal.p3 {
    animation: petal2 4.5s 1.5s infinite ease-out
  }
}
@media (max-width:1920px) {
  .top-bg-box {
    height: 292px
  }
  .top-bg-box.rec-book {
    height: 338px
  }
  .crumbs-nav.rec-book {
    margin: 16px auto 188px
  }
}
@media (max-width:1440px) {
  .top-bg-box {
    height: 220px
  }
  .top-bg-box.rec-book {
    height: 254px
  }
  .crumbs-nav {
    margin: 0 auto 60px
  }
  .crumbs-nav.rec-book {
    margin: 16px auto 110px
  }
}
@media (max-width:1280px) {
  .top-bg-box {
    height: 180px
  }
  .top-bg-box.rec-book {
    height: 211px
  }
  .crumbs-nav.rec-book {
    margin: 16px auto 66px
  }
}
@media (max-width:2590px) {
  .top-bg-op-box,
  .top-bg-op-box .jumpWrap {
    height: 450px
  }
  .crumbs-nav.top-op {
    margin: 16px auto 294px
  }
}
@media (max-width:1920px) {
  .top-bg-op-box,
  .top-bg-op-box .jumpWrap {
    height: 338px
  }
  .crumbs-nav.top-op {
    margin: 16px auto 188px
  }
}
@media (max-width:1440px) {
  .top-bg-op-box,
  .top-bg-op-box .jumpWrap {
    height: 254px
  }
  .crumbs-nav.top-op {
    margin: 16px auto 110px
  }
}
@media (max-width:1280px) {
  .top-bg-op-box,
  .top-bg-op-box .jumpWrap {
    height: 211px
  }
  .crumbs-nav.top-op {
    margin: 16px auto 66px
  }
}